<template>
  <div class="page_box">
    <ItemMenu :menuList="menuList" defaultActive="1-4" />
  </div>
</template>

<script>
import index1 from "./Page/Page1/index.vue";
import index2 from "./Page/Page2/index.vue";
import index3 from "./Page/Page3/index.vue";
import index4 from "./Page/Page4/index.vue";

export default {
  data() {
    return {
      menuList: [
        {
          title: "思维导图",
          id: "1",
          children: [
            { title: "多重思维导图", id: "1-1", component: index1 },
            { title: "普通思维导图", id: "1-2", component: index2 },
            { title: "自定义思维导图", id: "1-3", component: index3 },
            { title: "自定义思维导图(封装)", id: "1-4", component: index4 },
          ],
        },
      ],
    };
  },

  methods: {},
  mounted() {},
};
</script>

<style lang="scss" scoped>
.page_box {
  width: 100%;
  height: 800px;
}
</style>
